<div class="wrapper-list">
		<a href="../yunlianbi/index.html"></a>
		<span>
			<img src="../img/shouye-bottom.png" alt="" id="shouye">
		</span>
		<p>首页</p>
	</div>
	<div class="wrapper-list">
		<a href="../yunlianbi/miner.html"></a>

		<span>
			<img src="../img/kuangji-bottom.png" alt="" id="kuangji">
		</span>
		<p>矿机</p>
	</div>
	<div class="wrapper-list">
		<a href="###"></a>

		<span>
			<img src="../img/jiaoyi-bottom.png" alt="" id="jiaoyi">
		</span>
		<p>交易</p>
	</div>
	<div class="wrapper-list active" >
		<a href="personal/index.html"></a>

		<span>
			<img src="../img/geren-bottom.png" alt="" id="geren">
		</span>
		<p>个人中心</p>
</div>
<style>

.wrapper-foot{
	display: flex;
	position: fixed;
	box-sizing: border-box;
	padding:0.02rem 0.1rem;
	bottom: 0rem;
	left: 0rem;
	height: 0.49rem;
	width: 100%;
	background: #fff;
	box-shadow: 0rem -0.02rem 0.05rem #dee;
	font-size: 0.1rem;

}
.wrapper-foot .wrapper-list{
	position: relative;
	margin-top: 0.03rem;
	flex: 1;
	text-align: center;
	color: #85a2bc;
	/* border: 1rem solid red; */
}
.wrapper-foot .active{
	color:#111;
}
.wrapper-foot .wrapper-list a{
	position: absolute;
	top: 0rem;
	left: 0rem;
	float: left;
	width: 100%;
	height: 100%;
}
.wrapper-foot .wrapper-list span img{
	width: 0.21rem;
}
.wrapper-foot .wrapper-list p{
	/* color:  #85a2bc; */
	font-size: 0.1rem;
}


</style>